<template>
  <el-row :gutter="10">
    <el-col :span="6">
      <CardHome title="总销售额" num="￥126560" textnum="13234" text="日销售额￥">
        <div>周同比 56.67% 日同比 19.16%</div>
      </CardHome>
    </el-col>
    <el-col :span="6">
      <CardHome title="访问量" num="88460" textnum="1234" text="日访问量">
        <template class="chartslot">
          <LineCharts></LineCharts>
        </template>
      </CardHome>
    </el-col>
    <el-col :span="6">
      <CardHome title="支付笔数" num="88460" textnum="65%" text="转化率">
        <div>周同比 56.67% 日同比 19.16%</div>
      </CardHome>
    </el-col>
    <el-col :span="6">
      <CardHome title="运营活动效果" num="78%" textnum="" text="周同比 12% 日同比 11%">
        <div>周同比 56.67% 日同比 19.16%</div>
      </CardHome>
    </el-col>
  </el-row>
</template>

<script>
import CardHome from "@/components/cardHome.vue";
import LineCharts from '@/views/dashboard/lineCharts.vue'
export default {
  name: "Dashboard",
  components: {
    CardHome,
    LineCharts,
  },
  data() {
    return {};
  },
  computed: {},
};
</script>

<style lang="scss" scoped>
.chartslot{
    width: 100%;
    height: 120px;
}
</style>
